<template>
	<view>
		<tn-nav-bar :isBack='true' :backTitle='" "' bottomShadow fixed alpha customBack>
			<view slot="back" class='customBack' @click="goBack">
				<image src="/static/product/back.png" class="back" mode=""></image>
			</view>
			<!-- <view slot="right" @click="collect" v-if="!cardid">
				<image src="/static/product/scth.png" v-if="info.isCollect" class="shoucang" mode=""></image>
				<image src="/static/product/sc.png" v-else class="shoucang" mode=""></image>
			</view> -->
			<!-- <view class="" style="color: #fff;">
				详情
			</view> -->
		</tn-nav-bar>
		<video :src="videosrc" controls class="video" v-if="videosrc" autoplay></video>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				videosrc: ''
			};
		},
		onLoad() {
			this.videosrc = this.$store.state.videourl
			// console.log(this.videourl)
		}
	}
</script>

<style lang="scss">
	.back {
		width: 19rpx;
		height: 32rpx;
		margin-left: 10rpx;
	}
	.video{
		width: 750rpx;
		height: 100vh;
	}
</style>